Vivado HLS in a Nutshell
本文将详细介绍Vivado HLS的配置、入门及优化方法，包括各类pragma及库函数，同时给出大量参考资料供查阅。C-HLS可以简单理解为C/C++语言的扩展，即提供了一些硬件编译指示，从而使得高层的规范(specification)可以被映射到RTL层级的电路描述。快速入门C/C++中的设施与硬件设施有如下对应。C/C++...
2024-01-10
【Vue】vuejs如何实现这样的展开收起动画？
如图中的是jquery实现的，那么在vue中如何实现呢？我试着用<transition>，但是用的很笨，望前辈们指教指教，如果能贴个示例代码的话，万分感谢~！回答这个组件当初自己也搞了很久，最后因为不知道隐藏层的高度没有使用css实现效果，可以参考element-ui通过overflow获取高度的方法创建了一个函数式组件...
2024-01-10
【前端】vue组件如何引入外部js
我想在一个单页组件中引入一个外部的swiper.js，我不想安装依赖，想直接导入js，有办法实现吗，import和require都尝试过但是好像没有成功回答require / exports 是 CommonJS(在Node中实现) , import / export 是 ES2015 的模块，使用 vue 必然会用到 webpack，webpack 1 对 CommonJS 默认支持，对 ES2015 也只要使用 babel 就可以了。h...
2024-01-10
vue的路由懒加载多个js问题？
完成路由懒加载之后，有些页面是自己的js，有些页面内有多个文件的js呢，如图，我只打开了StyduGradenList页面，打开页面后还加载了一些别的页面的js，应该不是所有页面的js文件，其他的这几个js是怎么进来的呢回答：组件需要的 JS 吧，看起来跟 AntD 有关。其实这就是路由懒加载的好处，即你不用关心哪些 JS 是必须的，包管理工具会帮你处理，省好多事。回答：这个是因为你页面公共部...
2024-03-14
vue js 正则 分割
var aa = " ___(1)___ \n ___(2)___ \n ___(3)___ \n ___(4)___ \n___(5)___ \n___(6)___ \n ___(7)___ \n ___(8)___ \n ___(9)___ \n ___(10)___ "求一正则将数组转换成var aa = [' ', '___(1)___', ' \n ', '___(2)___',...
2024-02-27
js、vue事件捕获、事件冒泡说明与使用
概念理解 1、事件捕获(event capturing)事件从顶层（window对象）开始触发到被点击的精确元素事件触发的过程2、事件冒泡事件从点击元素事件触发到顶层对象事件触发的顺序触发过程3、流程图说明简单的来说，捕获：一个自顶层元素向最里层元素（HTML代码为包裹的形式的）执行事件的方式；冒泡：...
2024-01-10
vue中wowjs的使用
笔者亲测，在vue中使用wow.js如果不按照以下方法实施，会出现意想不到的BUG,网页刷新后图片就全部突然看不到了，被增加了一个隐藏属性，建议大家严格按照方法执行，不要随意使用（1）通过npm安装：npm install wowjs --save-devanimate.css会自动安装。（2）在main.js中引入animate.cssimport 'animate.css'在组件需...
2024-01-10
QS：vue中qs的使用
关于Vue中，序列化字符串，处理发送请求的参数使用工具qs来处理参数步骤：1、首先先下载：npm i qs 2、然后引入 ：import qs from 'qs'3、qs主要有两个方法 ：方法一：将对象序列化，多个对象之间用&拼接（拼接是由底层处理，无需手动操作）qs.stringify() 转换成查询字符串let comments = {content: this....
2024-01-10
vue 引用 js 文件问题
js导出 方法 initDragResize在多个vue文件中使用会相互影响这两个vue文件同时在页面上渲染 引用的js文件中的方法的参数maxW会相互冲突导致一个文件的方法失效回答：initDragResize() 每次调用都是对同一个 HTML 元素进行操作，肯定是最后一次生效。这里要看你的初始化策略，如果每次进某个组件都按这个组件的要求进行初始化，大概就是现在的操作。但是貌似不是你想要的结...
2024-02-19
vue组件内部引入远程js文件
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body...
2024-01-10
vue网络请求方案原生网络请求和js网络请求库
一、 原生网络请求1. XMLHttpRequest（w3c标准） // 没有promise时的产物当时的万物皆回调，太麻烦2. Fetch // html5提供的对象，基于promise 因为promise的存在，为了简化网络请求。使用 Fetch - Web API 接口参考 | MDNFetch是新的ajax解决方案 Fetch会返回Promise对象。fetch不是ajax的进一步封装，而是原生js，没...
2024-01-10
vue.js项目打包上线的图文教程
最近一直坚持每个月写一个小的vue.js 开发的项目，最后开发完成后想到很久之前给别人回答的一个问题：vue的项目如何上线，当时有千奇百怪的回答，我在想，这些人都是肿了么，vue的官方都说了，这个框架只是做了view这一层，所以并不是把这些开发完的东西直接拷贝到服务器上，而且需要打包为静...
2024-01-10
vue.js怎么处理无网状态下，接口请求报错
vue项目中，用axios统一封装了请求接口,使用了拦截器处理响应数据// http response 拦截器axios.interceptors.response.use(response => { // 系统报错 if (response.data && response.data.err !== 0) { router.push({name: 'err', query: {code: response.data.err}}); } return response}, error => {...
2024-01-10
关于Vue.js去掉#号路由
正常启动后访问路由：中间会自动加入一个#号去掉#号： 在route文件夹下的index.js中加入mode: 'history',①：②：关于mode说明： 默认值： ‘hash‘(浏览器) 或 ‘abstract‘(node.js) 可选值 ： ‘hash’ | ‘history’ | ‘abstract’hash: 使用 URL hash 值来作路由。支持所有浏览器，包括不支持 HTML5 History Api 的浏...
2024-01-10
路由 — Vue.js
1.官方路由对于大多数单页面应用，都推荐使用官方支持的 vue-router 库。1.1 入门<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> .router-link-active { color: red; } </style> <script src="https://cdn.staticfile.org/vue/2.4.2/vue.min.js"></s...
2024-01-10
Vue.js（11）：路由
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 中文文档地址：vue-router文档。 一、安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js2、NPM推荐使用淘宝镜像：cnpm install vue-router二...
2024-01-10
vue.js入门
使用vue的流程el：挂载点（就是通过标签或者属性选择器选中vue对象操纵的作用域，在项目中最好使用id选择器）注意：vue会管理选项命中的元素及内部的后代元素；可以使用其他的双标签，不能使用html和bodydata：数据对象总结：操作类（属性名.属性值名）操作数组（属性名【索引】）v-text设...
2024-01-10
vue.js 获取标签属性值
方法一： <div id="app"> <button @click="getData($event,\'100\')">点我</button></div>methods : { getData(e,num) { console.log(num); // 输出 100 }}方法二：<div id="app"> <button data-num="100" ref="dataNum" @click="getData($event)">点我</button></div>me...
2024-01-10vue.js实现简单轮播图效果
学习了vue.js也有一段时间了，做了个小demo来熟悉一下，很常见的demo，-------轮播图，没学vue之前的轮播图用JavaScript或者jquery都非常简单，发现用vue来写也挺有意思的。说下简单的思路，图片的轮播用v-if或者v-show来代替原来的Js滑动，过度效果用transition可简单实现，注意，滑动过程中是能看见两张图的...
2024-01-10Vue.js图片预览插件使用详解
Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全...
2024-01-10
【Vue】vue.js 异步初始化微信JsSDK的问题
问题描述在我的工程中，App.vue容器包含Index.vue首页组件我想要在App.vue容器中，先初始化微信JsSDK。然后在具体需要定位的组件（比如Index.vue）中，再通过wx.getPostion()获取当前地理位置。但容器异步初始化微信的工作未完成，首页组件就开始获取地理位置了，导致获取失败 ，不知道该如何解决？示...
2024-01-10
vue实现员工信息录入功能
Vue通用信息录入界面，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>员工信息录入</title> <style> .btn1{ color: blue; background: skyblue; text-align: center; } </style></head><body> <div id="div2"> <fieldset> <legend>员工信息录入</legend> ...
2024-01-10
vue分类单选标签
vue.js实现单选标签功能功能讲解：点击那个标签，那个变红，其他标签都是灰色，实现单选。效果图如下：来不及解释了，快上车！！！template代码script代码只能想到这种办法，如果有更好的，会更新文章的。...
2024-01-10
vue实现登录类型切换
本文实例为大家分享了vue实现登录类型切换的具体代码，供大家参考，具体内容如下运行效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录类型切换</title> <script src="../js/vuejs-2.5.16.js"></script></head><body><div id="app"> <span v-if="isUser"> <label for="userAccount">用户...
2024-01-10
vue系列——数据请求
数据请求有两个问题，一个是工具选择，一个是代码组织问题（一）工具选择 我看过一些别人写的项目，有直接用jquery提供的ajax接口，有自己封装了一个fetch接口，当然更多的是选择vue的第三方数据请求模块，说的最多的是vue-resource和axios；axios是目前最推荐的，但是我最终还是暂时选择了vue-resou...
2024-01-10
vue的实例
vue的实例创建一个vue实例的写法和创建一个变量一样var vm = new Vue{{ //我们一般用vm来接收vue的实例，vm是 ViewModel的缩写 }} 然后，我们就可以给vue实例添加属性和方法了var vm = new Vue{{ data: { //属性的声明，不同的属性用逗号隔开 test1: 123, ...
2024-01-10
vue社区活跃整合
===框架=====Nuxt（vue ssr服务端渲染）Quasar Framework 一个可以搭建多平台响应式网站的框架Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架。=====Ui组件库======Element-UiiViewMuse-UiVue Material =====移动端UI库=====vux...
2024-01-10
vue长列表优化
写在前面：不知不觉 ～2020年的日子已经过去了3/4，看到微博热搜说：2020年还剩下3个月的时候，心情突然骤降～哈哈哈哈切入正题：什么是长列表优化？我们为什么需要长列表优化？我们怎样进行长列表优化长列表优化 在我们的日常工作中，会越到各种各样的列表，比如，我们通常采用分页...
2024-01-10
vue：概要
#安装nodejs-官网安装包配置环境变量node -v#安装webpacknpm install webpack -g#安装vue-clinpm install vue-cli -g#新建项目vue init webpack vuedemo#运行项目npm run devnpm install报错的npm cache clean --force CNPM安装npm install -g cnpm --registry=https://registry.npm.taobao.org二、生命周期3、部署npm...
2024-01-10
vue的坑
1.获取地址栏参数 this.$route.query.id2.用this.$router.push({path:'index',query:{id:1}})跳转页面无刷新，无法监听传递的参数，可用以下方法解决：watch:{ '$route':'fun'}fun为地址栏变化要写的函数3.组件变量是数组的，v-for时，要写:key="index";4.在光标处插入值<textarea ref="mytextarea" v-model='editMsg' class="editMsg" maxlen...
2024-01-10
vue知识点集锦
1、vue的优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习双向数据绑定：保留了angular的特点，在数据操作方面更为简单组件化：保留了react的优点，实现了HTML的封装和重用，在构建单页面应用方面有...
2024-01-10
